<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css伪元素</title>
    <style>
        /* ::after 元素之后添加内容 */
        .mhy::after {
            content: 'yyds';
            color: aqua;
        }

        /* ::before 元素之前添加内容 */
        /* .mhy::before {
            content: "大伟哥";
            color: blue;
        } */
        /* ::first-letter 第一个字符 */
        /* .mhy::first-letter {
            color: yellowgreen;
            font-size: 65px;
        } */

        .mhy {
            width: 200px;
            background-color: cadetblue;
            height: 100px;
            /* 超出部分如何处理 */
            overflow: hidden;
            white-space: nowrap;
            /* 文本超出部分如何处理 */
            text-overflow: ellipsis;
            /* text-emphasis: none; */
        }

        /* ::first-line 第一行 */
        /* .mhy::first-line {
            color: blueviolet;
            font-size: larger;
        } */

        .mhy::selection {
            font-size: larger;
        }

        p::selection {
            /* font-size: large; */
            color: aquamarine;
            /* font-size: 30px; */
            background-color: black;
        }
    </style>
</head>

<body>
    <div class="mhy">米哈游科技（上海）有限公司于2014年7月9日在嘉定区市场监管局登记成立。法定代表人蔡浩宇，公司经营范围包括从事网络技术、计算机技术、通信设备技术、电
        子技术领域内的技术开发等。母公司为上海米哈游网络科技股份有限公司。hhdahadhasdhsahdsahdsahdashdsahdashdhhh</div>

    <p>hello kfm</p>
</body>

</html>